<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script type="text/javascript" src="js/Josefin_Sans_600.font.js"></script>
<script type="text/javascript" src="js/Lobster_400.font.js"></script>
<script type="text/javascript" src="js/sprites.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.settings.js"></script>
<script type="text/javascript" src="js/gSlider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<!--[if lt IE 7]> <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->
<!--[if lt IE 9]><script src="js/html5.js" type="text/javascript"></script><![endif]-->
<!--[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->


<style type="text/css">
<!--
.Estilo1 {font-size: 26px}
-->
</style>
</head>

<body id="page1">
<div id="main">
	<header>
	
	
		<nav>
			<ul>
			<li class="active"><a href="index.html" class="Estilo1 Estilo1">Inicio</a></li>
			<li><a href="historias.html" class="Estilo1 Estilo1">Historias</a></li>
			<li><a href="juegoxvos.html" class="Estilo1 Estilo1">Juego X vos </a></li>
			<li><a href="sumate.html" class="Estilo1 Estilo1">Sumate </a></li>
			<li><a href="quienessomos.html" class="Estilo1 Estilo1">Quienes Somos </a></li>
			<li><a href="contactos.html" class="Estilo1 Estilo1">Contactanos</a></li>
		    </ul>
	   </nav>
	<h1><a href="juego.html"><img src="images/logo.jpg" alt=""></a></h1>
	<div class="header-slider">
		<ul>
			<li>Juga <span class="Estilo3"></span>en <a href="https://www.facebook.com/login.php">facebook</a> y ayudanos a ayudar a quienes mas lo necesitan.</li>
			<li>Conoce otras realidades y <a href="historias.html"> testimonios</a> de gente que ya se sumo a ayudar.</li>
		</ul>
	</div>
	<div align="center"><a href="#" class="hs-prev"><img src="images/prev.png" alt=""></a>
	  <a href="#" class="hs-next"><img src="images/next.png" alt=""></a>
	  <a href="#" class="header-more">Lee mas </a></div>
</header>
	<div class="innercopy">More <a href="http://www.templatemonster.com/">Website Templates</a> at TemplateMonster.com!</div>
  <div class="tumbvr">
  
	<div class="tumbvr-mask"></div>
	<ul>
		<li><img src="images/img1.jpg" alt=""></li>
		<li><img src="images/img2.jpg" alt=""></li>
		<li><img src="images/img3.jpg" alt=""></li>
		<li><img src="images/img4.jpg" alt=""></li>
		<li><img src="images/img5.jpg" alt=""></li>
		<li><img src="images/img6.jpg" alt=""></li>
		<li><img src="images/img7.jpg" alt=""></li>
		<li><img src="images/img8.jpg" alt=""></li>
		<li><img src="images/img9.jpg" alt=""></li>
		<li><img src="images/img10.jpg" alt=""></li>
	</ul>
  </div>
 
  
<script type="text/javascript">Cufon.now()
$(function(){
	$('nav,.more,.header-more').sprites()

	$('.header-slider').gSlider({
		prevBu:'.hs-prev',
		nextBu:'.hs-next'
	})
})
$(window).load(function(){
	$('.tumbvr')._fw({tumbvr:{
		duration:2000,
		easing:'easeOutQuart'
	}})
	.bind('click',function(){
		location="index-3.html"
	})
	
	$('a[rel=prettyPhoto]').each(function(){
		var th=$(this),
			pb
		th
			.append(pb=$('<span class="playbutt"></span>').css({opacity:.7}))
		pb
			.bind('mouseenter',function(){
				$(this)
					.stop()
					.animate({opacity:.9})
			})
			.bind('mouseleave',function(){
				$(this)
					.stop()
					.animate({opacity:.7})
			})
	})
	.prettyPhoto({theme:'dark_square'})
})
</script>
</body>
</html>